<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
    />
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>00</title>

    <link rel="stylesheet" href="static/css/common.css">
    <link rel="stylesheet" href="static/css/layout.css">

    <style>
        .m-aa {
            height: 4.6rem;
            width: 100%;
            background: url(static/img/wallet_bg@2x.png) no-repeat;
            background-size: 100% 4.6rem;
        }


        .m-aa-top {
            padding-top: .1rem;
        }

        .m-aa-top-each {
            font-size: .3rem !important;
            /* background-color: blueviolet; */
            width: 25%;
            height: .8rem;
            line-height: .8rem;
        }

        .m-aa-top-icon {
            font-size: .3rem !important;
            /* background-color: blueviolet; */
            width: .8rem;
            height: .8rem;
            background: url(static/img/aa_one.png) no-repeat;
            background-position: .15rem .19rem;
            background-size: .45rem .45rem;
        }

        .m-aa-top-icon.two {
            background-image: url(static//img/aa_two.png);
        }

        .m-aa-top-icon.three {
            background-image: url(static/img/aa_three.png);
        }

        .m-aa-top-icon.four {
            background-image: url(static/img/aa_four.png);
        }

        .m-aa-top-text {
            font-size: .3rem;
            line-height: .8rem;
            color: white;
            height: .8rem;
        }

        .m-aa-mid-title {
            color: white;
            font-size: .34rem;
            text-align: center;
            height: .8rem;
            line-height: .8rem;
        }

        .m-aa-mid-count {
            font-size: .28rem;
            color: white;
            text-align: center;
            line-height: .5rem;
        }

        .m-aa-mid-count-left {
            width: 50%;
        }


        .m-aa-mid-count-right {
            width: 50%;
        }

        .m-aa-mid-btn-each {
            width: 50%;
            height: 1rem;
            text-align: center;
            margin: 0 auto;
        }

        .m-aa-mid-btn {
            width: 1.5rem;
            font-size: .28rem;
            color: #247bf9;
            background-color: white;
            text-align: center;
            margin: 0 auto;
            border-radius: .04rem;
            vertical-align: middle;
            padding: .1rem;

        }


        .m-bb {
            margin: 0rem .2rem;
        }

        .m-bb-line {
            height: 1.4rem;
            line-height: .5rem;
            padding: .1rem 0rem;
        }

        .m-bb-line-one {
            padding-top: .1rem;
        }



        .m-bb-line::after {
            content: " ";
            position: fixed;
            left: 0;
            right: 0;
            height: 1px;
            border-top: 1px solid #c0bfc4;
            color: #c0bfc4;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.3);
        }

        .m-bb-line-left {
            line-height: .6rem;
            font-size: .3rem;
        }

        .m-bb-line-right {
            line-height: .6rem;
            float: right;
            font-size: .28rem;
            color: #888;
        }

        .color_888 {
            color: #888;
        }

        .m-bb-line-right span {
            padding: 0rem .05rem;
        }

        .m-bb-line-two .m-bb-line-right span:not(:last-child):after {
            content: "|";
            color: #ccc;
            padding: 0rem .05rem;
        }
    </style>

</head>

<body class="m-body">



    <div class="m-content">



        <div class="m-aa">

            <div class="m-aa-top inline-block-container">
                <div class="m-aa-top-each inline-block-container">
                    <div class="m-aa-top-icon one"></div>
                    <div class="m-aa-top-text">扫一扫</div>
                </div>
                <div class="m-aa-top-each inline-block-container">
                    <div class="m-aa-top-icon two"></div>
                    <div class="m-aa-top-text">付钱</div>
                </div>
                <div class="m-aa-top-each inline-block-container">
                    <div class="m-aa-top-icon three"></div>
                    <div class="m-aa-top-text">收钱</div>
                </div>
                <div class="m-aa-top-each inline-block-container">
                    <div class="m-aa-top-icon four"></div>
                    <div class="m-aa-top-text">帐单</div>
                </div>
            </div>


            <div class="m-aa-mid clear">
                <div class="m-aa-mid-title">
                    帐户总资产
                </div>
                <div class="m-aa-mid-count inline-block-container">
                    <div class="m-aa-mid-count-left">折合 (USDT)</div>
                    <div class="m-aa-mid-count-right">
                        <span class="color_333">1000</span> USDT</div>
                </div>
                <div class="m-aa-mid-count inline-block-container">
                    <div class="m-aa-mid-count-left">折合 (USDT)</div>
                    <div class="m-aa-mid-count-right">
                        <span class="color_333">1000</span> USDT</div>
                </div>
                <div class="m-aa-mid-btn-wrap mt_dot_2_rem inline-block-container">
                    <div class="m-aa-mid-btn-each">
                        <div class="m-aa-mid-btn">
                            一键转帐
                        </div>
                    </div>
                    <div class="m-aa-mid-btn-each">
                        <div class="m-aa-mid-btn">
                            一键转帐
                        </div>
                    </div>
                </div>
            </div>


        </div>

        <div class="m-bb">
            <div class="m-bb-line">
                <div class="m-bb-line-one inline-block-container">
                    <div class="m-bb-line-left">USDT</div>
                    <div class="m-bb-line-right">
                        <span>折合(CNY)</span>
                        <span>1000</span>
                        <span>冻结</span>
                        <span>100</span>
                    </div>
                </div>
                <div class="m-bb-line-two inline-block-container">
                    <div class="m-bb-line-left">
                        <span class="color_888">可用</span>
                        <span>1000</span>
                    </div>
                    <div class="m-bb-line-right">
                        <span>
                            <a href="www.baidu.com">提币</a>
                        </span>
                        <span>
                            <a href="www.baidu.com">充值</a>
                        </span>
                        <span>
                            <a href="www.baidu.com">快速交易</a>
                        </span>
                    </div>
                </div>
            </div>
            <div class="m-bb-line">
                <div class="m-bb-line-one inline-block-container">
                    <div class="m-bb-line-left">USDT</div>
                    <div class="m-bb-line-right">
                        <span>折合(CNY)</span>
                        <span>1000</span>
                        <span>冻结</span>
                        <span>100</span>
                    </div>
                </div>
                <div class="m-bb-line-two inline-block-container">
                    <div class="m-bb-line-left">
                        <span class="color_888">可用</span>
                        <span>1000</span>
                    </div>
                    <div class="m-bb-line-right">
                        <span>
                            <a href="www.baidu.com">提币</a>
                        </span>
                        <span>
                            <a href="www.baidu.com">充值</a>
                        </span>
                        <span>
                            <a href="www.baidu.com">快速交易</a>
                        </span>
                    </div>
                </div>
            </div>
            <div class="m-bb-line">
                <div class="m-bb-line-one inline-block-container">
                    <div class="m-bb-line-left">USDT</div>
                    <div class="m-bb-line-right">
                        <span>折合(CNY)</span>
                        <span>1000</span>
                        <span>冻结</span>
                        <span>100</span>
                    </div>
                </div>
                <div class="m-bb-line-two inline-block-container">
                    <div class="m-bb-line-left">
                        <span class="color_888">可用</span>
                        <span>1000</span>
                    </div>
                    <div class="m-bb-line-right">
                        <span>
                            <a href="www.baidu.com">提币</a>
                        </span>
                        <span>
                            <a href="www.baidu.com">充值</a>
                        </span>
                        <span>
                            <a href="www.baidu.com">快速交易</a>
                        </span>
                    </div>
                </div>
            </div>
        </div>


    </div>

    <div class="footer-nav inline-block-container">

        <div class="footer-nav-each">
            <div class="footer-nav-each-img"></div>
            <a href="">首页</a>
        </div>

        <div class="footer-nav-each ">
            <div class="footer-nav-each-img"></div>
            <a href="">行情</a>
        </div>

        <div class="footer-nav-each">
            <div class="footer-nav-each-img"></div>
            <a href="">交易</a>
        </div>

        <div class="footer-nav-each">
            <div class="footer-nav-each-img"></div>
            <a href="">场外</a>
        </div>
        <div class="footer-nav-each active">
            <div class="footer-nav-each-img"></div>
            <a href="">钱包</a>
        </div>


    </div>


    <script src='static/js/jquery-1.8.2.min.js'></script>
    <script src="static/js/common.js"></script>


    <link rel="stylesheet" href="static/plugins/swiper/swiper.min.css" />
    <script src="static/plugins/swiper/swiper.min.js"></script>

    <link rel="stylesheet" href="static/plugins/layer/mobile/need/layer.css">
    <script src="static/plugins/layer/mobile/layer.js"></script>

    <script type="text/javascript">
        $(function () {

            var swiper = new Swiper('.swiper-container', {
                pagination: {
                    el: '.swiper-pagination',
                },
            });

            $(".bottom-btn").click(function () {

                layer.open({
                    title: [
                        '提示',
                        'background-color: #6AA5F5; color:#fff;'
                    ],
                    anim: 'up',
                    content: '系统检测到您还没有绑定收款方式,<br />请到少绑定一种收款方式后,<br />再进行交易',
                    btn: ['确定', '取消'],
                    yes: function (index) {
                        alert(1);
                        layer.close(index);
                    }
                });
            });




        });


    </script>

</body>

</html>